<template>
  <footer>
    <div class="head">
      <ul>
        <li><router-link to="/index">首页</router-link></li>
        <li><router-link to="/tpgjzc">脱贫攻坚政策</router-link></li>
        <li><router-link to="/rural">乡村回访</router-link></li>
        <li><router-link to="/personal">个人回访</router-link></li>
        <li><router-link to="/Application">申请进度</router-link></li>
      </ul>
    </div>
    联系我们&nbsp : &nbsp 1234567890
  </footer>
</template>

<script>
export default {};
</script>

<style scoped>
footer {
  height: 200px;
  width: 100%;
  background-color: #222;
  color: #fff;
  text-align: center;
  line-height: 100px;
}
.head {
  margin: 0 auto;
  height: 100px;
  border-bottom: 1px solid #ededed;
}
.head ul {
  display: inline-block;
}
.head li {
  float: left;
  margin: 0 20px;
  height: 100px;
}
.head li a {
  color: #fff;
}
.head li:hover a {
  color: red;
}
</style>
